<!--
  * @Author: ws
  * @Date: 2024-01-05 13:34:45
  * @email: 458658538@qq.com
  * @LastEditors: ws
  * @LastEditTime: 2024-01-10 10:32:55
  * @Description: 
-->
<template>
  <div class="box-container"><slot></slot></div>
</template>

<script>
export default {
  name: "BoxContainer",
  props: { option: { type: Array, default: () => [] }, fData: { type: Object, default: () => ({}) } },
  data() {
    return {};
  },
  mounted() {},
  methods: {},
};
</script>

<style lang="scss" scoped>
.box-container {
  height: 100%;
  padding: 15px;
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 4px 0 rgb(0 0 0 / 0.08);
  // padding: 10px;
  // background: #fff;
  // border: 1px solid #ebeef5;
  // border-radius: 5px;
  // background: transparent;
  box-sizing: border-box;
  // &:hover {
  //   box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1);
  // }
}
</style>
